<template>
  <v-layout title="订单审核">
    <el-row type="flex" justify="center" class="confirm">
      <el-col :xl="14" :lg="18" :md="20" :sm="24" :xs="24">
        <div class="order-status">{{orderStatus}}</div>


        <v-form
          :form-title="formTitle"
          :form-data="formData"
          label-width="100px"
        />

        <!--<el-card>-->
          <!--<el-form inline label-width="100px">-->
            <!--<el-form-item label="微赞收款" size="mini">-->
              <!--<el-input :disabled="true" v-model="normalReceipt" placeholder="123"/>-->
            <!--</el-form-item>-->
            <!--<el-button type="primary" size="mini" disabled @click="showNormalTable=!showNormalTable">{{showNormalTable?'收起':'展开'}}明细</el-button>-->
            <!--<el-button v-if="financeRole" disabled type="primary" size="mini" @click="addWzReceipt">添加收款</el-button>-->
          <!--</el-form>-->
          <!--<el-collapse-transition>-->
            <!--<div v-show="showNormalTable">-->
              <!--<v-table-->
                <!--:table-title="receiptTableTitle"-->
                <!--:table-data="normalReceiptTableData"-->
                <!--:deletable="false"-->
                <!--:default-operate="financeRole"-->
                <!--:editable="true"-->
                <!--:readable="true"-->
                <!--:show-pagination="false"-->
                <!--@edit="editNormal"-->
                <!--@read="readNormal"-->
              <!--/>-->
            <!--</div>-->
          <!--</el-collapse-transition>-->
          <!--<div class="pdt15">-->
            <!--<v-form-->
              <!--:form-title="normalInvoiceTitle"-->
              <!--:form-data="formData"-->
              <!--label-width="120px"-->
            <!--/>-->
          <!--</div>-->
        <!--</el-card>-->
        <!--<el-card class="mt15">-->
          <!--<el-form inline label-width="100px">-->
            <!--<el-form-item label="微莱收款" size="mini">-->
              <!--<el-input :disabled="true" v-model="wlReceipt" placeholder="123"/>-->
            <!--</el-form-item>-->
            <!--<el-button type="primary" size="mini" disabled @click="showWlTable=!showWlTable">{{showWlTable?'收起':'展开'}}明细</el-button>-->
            <!--<el-button v-if="financeRole" disabled type="primary" size="mini" @click="addWlReceipt">添加收款</el-button>-->
          <!--</el-form>-->
          <!--<el-collapse-transition>-->
            <!--<div v-show="showWlTable">-->
              <!--<v-table-->
                <!--:select="false"-->
                <!--:table-title="wlReceiptTableTitle"-->
                <!--:table-data="wlReceiptTableData"-->
                <!--:default-operate="financeRole"-->
                <!--btn-class="btn"-->
                <!--@del="delWl"-->
                <!--@edit="editWl"-->
              <!--/>-->
            <!--</div>-->
          <!--</el-collapse-transition>-->
          <!--<div class="pdt15">-->
            <!--<v-form-->
              <!--:form-title="wlInvoiceTitle"-->
              <!--:form-data="formData"-->
              <!--label-width="120px"-->
            <!--/>-->
          <!--</div>-->
        <!--</el-card>-->

        <div class="pdt15">
          <v-form
            :form-title="lastFormTitle"
            :form-data="formData"
            label-width="100px"
          />
        </div>
        <!--<v-messageBox-->
          <!--v-if="messages.length"-->
          <!--:messages="messages"-->
        <!--/>-->

        <el-row v-if="financeRole" type="flex" justify="end" class="mt15">
          <!--<el-button type="primary" size="small" @click="reset"> 撤销修改</el-button>-->
          <!--<el-button type="primary" size="small" @click="confirm"> 确定</el-button>-->
          <el-button type="warning" size="small" @click="showDialog">不通过, 退回</el-button>
          <el-button type="primary" size="small" @click="confirm">通过审核</el-button>
        </el-row>
      </el-col>
    </el-row>
    <el-dialog :visible.sync="dialogVisible" width="30%">
      <el-form size="mini" label-width="100px">
        <el-form-item label="拒绝原因">
        <el-input type="textarea" :rows="3" placeholder="请输入拒绝原因" v-model="msg"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button @click="cancel">取消</el-button>
          <el-button @click="reject">确定</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
  </v-layout>
</template>

<script>
import { parseTime } from '@/utils'
import auth from '@/mixins/auth'

export default {
  mixins: [auth],
  data() {
    return {
      ad_id: 0,
      index: false, // 编辑微萊收款

      showNormalTable: true,
      showWlTable: true,

      formData: {},
      // 公众号列表
      tencentList: [],
      // 获取银行列表
      wlBankList: [],
      swList: [],
      receiptTableTitle: [
        // {
        //     cn: 'id',
        //     en: 'id',
        // },
        {
          cn: '收款',
          en: 'money',
          disabled: true,
        },
        {
          cn: '收款银行',
          en: 'invoiceinfo_bank',
          disabled: true,
        },
        {
          cn: '收款时间',
          en: 'create_date',
        disabled: true,
        },
        // {
        //     cn: '修改时间',
        //     en: 'update_date',
        // },
        {
          cn: '对应对账编号',
          en: 'check_req_id',
          width: '120px',
          disabled: true,
        }
      ],
      adPlaceList: [], // 公众号对应位置列表
      normalReceiptTableData: [],
      receiptBankList: [
        {
          label: '微赞兴业银行',
          value: 1
        },
        {
          label: '浙江微莱',
          value: 2
        },
        {
          label: '微赞工商银行',
          value: 3
        },
        {
          label: '微赞泰隆银行',
          value: 4
        },
        {
          label: '微赞浙商银行',
          value: 5
        },
        {
          label: '微赞银行',
          value: 6
        }
      ],

      wlReceiptTableTitle: [
        // {
        //     cn: 'id',
        //     en: 'id',
        // },
        {
          cn: '收款',
          en: 'money',
          disabled: true,
        },
        {
          cn: '收款账户',
          en: 'bank_account',
          disabled: true,
        },
        {
          cn: '收款银行',
          en: 'bank',
          disabled: true,
        },
        {
          cn: '收款时间',
          en: 'create_date',
          disabled: true,
        },
        {
          cn: '修改时间',
          en: 'update_date',
          disabled: true,
        }
      ],
      wlReceiptTableData: [],

      addUrl: 'url', // 添加收款的地址
      // 开票公司列表
      companyList: [],

      addWlReceiptData: {},

      originFormData:{},
      // 历史记录
      messages:[],


      orderStatus:'删除订单',
      dialogVisible:false,
      msg:''
    }
  },
  computed: {
    // normalInvoiceTitle() {
    //   return ([
    //     {
    //       cn: '发票号(微赞)',
    //       en: 'bill_num',
    //       disabled: true,
    //     },
    //     {
    //       cn: '广告主(合同主体)',
    //       en: 'bill_company',
    //       type: 'autocomplete',
    //       disabled: true,
    //       list: this.companyList
    //     },
    //     {
    //       cn: '收款银行(微赞)',
    //       en: 'receive_bank',
    //       disabled: true,
    //     },
    //     {
    //       cn: '收款账户(微赞)',
    //       en: 'receive_account',
    //       disabled: true,
    //     },
    //     {
    //       cn: '收款金额(微赞)',
    //       en: 'real_price',
    //       disabled: true,
    //     },
    //     {
    //       cn: '收款时间(微赞)',
    //       en: 'receive_at',
    //       type: 'datetime',
    //       disabled: true,
    //     }
    //   ])
    // },
    // wlInvoiceTitle() {
    //   return ([
    //     {
    //       cn: '发票号(微萊)',
    //       en: 'wl_bill_num',
    //       disabled: true,
    //     },
    //     {
    //       cn: '开票公司(微萊)',
    //       en: 'wl_bill_company',
    //       type: 'autocomplete',
    //       disabled: true,
    //       list: this.companyList
    //     },
    //     {
    //       cn: '收款银行(微萊)',
    //       en: 'wl_receive_bank',
    //       disabled: true,
    //     },
    //     {
    //       cn: '收款账户(微萊)',
    //       en: 'wl_receive_account',
    //       disabled: true,
    //     },
    //     {
    //       cn: '收款金额(微萊)',
    //       en: 'wl_real_price',
    //       disabled: true,
    //     },
    //     {
    //       cn: '收款时间(微萊)',
    //       en: 'wl_receive_at',
    //       type: 'datetime',
    //       disabled: true,
    //     }
    //
    //   ])
    // },
    // 收款金额:自动计算
    // normalReceipt() {
    //   let data = 0
    //   this.normalReceiptTableData && this.normalReceiptTableData.forEach(item => {
    //     data += (+item.money || 0)
    //   })
    //   return data || 0
    // },
    // wlReceipt() {
    //   let data = 0
    //   this.wlReceiptTableData && this.wlReceiptTableData.forEach(item => {
    //     data += (+item.money || 0)
    //   })
    //   return data || 0
    // },
    formTitle() {
      return ([
        {
          cn: 'id',
          en: 'ad_id',
          disabled: true
        },
        {
          cn: '公众号',
          en: 'name',
          disabled: true,
        },
        {
          cn: '商务助理',
          en: 'xmname',
          disabled: true,
        },
        {
          cn: '商务',
          en: 'swname',
          disabled: true,
        },
        {
          cn: '原发布日期',
          en: 'publish_at',
          type: 'time',
          disabled: true,
        },
        {
          cn: '改后发布日期',
          en: 'update_publish_at',
          type: 'time',
          disabled: true,
          isCheck:true
        },
        {
          cn: '原广告价格',
          en: 'ad_price',
          type: 'money',
          disabled: true,
        },
        {
          cn: '改后广告价格',
          en: 'update_ad_price',
          type: 'money',
          disabled: true,
          isCheck:true
        },
        {
          cn: '广告主名称',
          en: 'ad_name',
          disabled: true,
        },
        {
          cn: '品牌名',
          en: 'brand',
          disabled: true,
        },
        {
          cn: '对公返点',
          en: 'return_point',
          type:'percent',
        disabled: true,

          notShow: this.formData.group_id!==3
        },
        {
          cn: '对私返点',
          en: 'private_return_point',
          type:'percent',
        disabled: true,
          notShow: this.formData.group_id!==3
        },
        {
          cn: '支付时间',
          en: 'payment_date_point',
          type:'time',
          notShow: this.formData.group_id!==3,
          disabled: true,
        },
        {
          cn: '佣金比例类型',
          en: 'subsidiary_type',
          type:'select',
        disabled: true,
          list:[
            {
              label: '分销佣金比例',
              value:0
            },
            {
              label: '链接佣金比例',
              value:1
            },
          ],
          notShow: this.formData.group_id!==3,

        },
        {
          cn: '佣金比例',
          en: 'subsidiary_point',
          type:'percent',
          notShow: this.formData.group_id!==3,
          disabled: true,
        },
        {
          cn: '广告位置',
          en: 'ad_place_name',
          disabled: true,
        },
        {
          cn: '采购价格',
          en: 'purchase_cost',
          type: 'money',
          disabled: true,
        },
        {
          cn: '折后金额',
          en: 'amount_discount',
          type: 'money',
          disabled: true,
        },
        {
          cn: '订单编号',
          en: 'ad_order',
          disabled: true
        },
        {
          cn: '是否预订',
          en: 'is_book',
          type: 'select',
          list: [
            {
              label: '是',
              value: 1
            },
            {
              label: '否',
              value: 0
            }
          ],
          disabled: true,
        },
        {
          cn: '收款银行',
          en: 'bank_id',
          // disabled:true,
          type: 'select',
          list: this.receiptBankList,
          disabled: true,
        },
        {
          cn: '是否开具发票',
          en: 'is_bill',
          type: 'select',
          list: [
            {
              label: '是',
              value: 1
            },
            {
              label: '否',
              value: 0
            }
          ],
          disabled: true,
        },
        {
          cn: '开票状态',
          en: 'invoice_state',
          type: 'select',
          disabled: true,
          list: [
            {
              label: '商务填写',
              value: 0
            },
            {
              label: '助理退回',
              value: 1
            },
            {
              label: '助理审核',
              value: 2
            },
            {
              label: '财务退回',
              value: 3
            },
            {
              label: '财务审核',
              value: 4
            },
            {
              label: '开票中',
              value: 5
            },
            {
              label: '待领取',
              value: 6
            },
            {
              label: '已完成',
              value: 7
            },
          ]
        },
        {
          cn: '开票日期',
          en: 'bill_at',
          type: 'time',
          disabled: true,
        },
        {
          cn: '开票金额',
          en: 'invoice_money',
          disabled: true,
        },
        {
          cn: '收款状态',
          en: 'is_receive',
          type: 'select',
          disabled: true,
          list: [
            {
              label: '未收款',
              value: 0
            },
            {
              label: '部分收款',
              value: 1
            },
            {
              label: '收款完成',
              value: 2
            }
          ]
        }
      ])
    },

    lastFormTitle() {
      return ([
        {
          cn: '是否签订合同',
          en: 'is_contract',
          type: 'select',
          disabled: true,
          list: [
            {
              label: '是',
              value: 1
            },
            {
              label: '否',
              value: 0
            }
          ]
        },
        {
          cn: '合同号',
          en: 'contract_num',
          disabled: true,
        },
        {
          cn: '备注',
          en: 'remark',
          type: 'textarea',
          disabled: true,
        },
        {
          cn: '提交人',
          en: 'fans_name',
          disabled: true
        },
        {
          cn: '删除人',
          en: 'delete_user',
          disabled: true
        },
        {
          cn: '创建时间',
          en: 'created_at',
          disabled: true
        },
        {
          cn: '修改时间',
          en: 'updated_at',
          disabled: true
        },
        {
          cn: '备注(数据查询系统)',
          en: 'data_query',
          type:'textarea',
          disabled: true,
        },
      ])
    },

  },
  activated() {
    const {details} = this.$route.query
    if(details){
      this.formData = JSON.parse(details)
      if(this.formData.approval_delect === 1){
        this.orderStatus = '删除订单'
      }else{
        this.orderStatus = '修改订单'
      }
    }
  },
  methods: {

    showDialog(){
      this.dialogVisible = true
    },
    // 撤销修改
    reject() {
      this.check(1)
    },

    cancel() {
      this.dialogVisible = false
    },
    // 确认修改广告订单
    confirm() {
      this.check(2)
    },

    check(status){
      const data = {
        id: this.formData.id,
        approval_state: status,
      }
      if(status===1){
        data.msg = this.msg
      }
      this.$post('action/UpdateWechatAdvs/update', data)
        .then(res => {
            this.$message({
              message: res.msg,
              type: 'success'
            })
          setTimeout(()=>this.$router.go(-1),1000)
            this.cancel()

        })
    },


  }
}
</script>

<style scoped>
.order-status{
  margin-bottom: 16px;
  font-size: 24px;
}
</style>
